import React, {
    PureComponent
} from 'react';

import {
    View,
    ScrollView,
    StyleSheet
} from 'react-native';

class Container extends PureComponent {
    render() {
        return (
            <View style={styles.container}>
                <ScrollView
                    style={styles.content}
                    contentContainerStyle={styles.contentContainerStyle}
                >
                    {this.props.children}
                </ScrollView>
            </View>
        )
    }
}

export default Container;

const styles = StyleSheet.create({
    container:{
        flex:0
    },
    content:{
        backgroundColor:`#fff`,
        borderBottomLeftRadius:8,
        borderBottomRightRadius:8
    },
    contentContainerStyle:{
        paddingTop:12,
        paddingBottom:20,
        paddingHorizontal:18
    }
}) as any;